Processing 常用技巧合集
一些常用技巧总结
- Tweak 模式
- 快速查找函数用法
- 显示与输入中文注释
- 代码快速对齐
- 批量添加注释符
技巧01 - Tweak 模式
Tweak 模式是一个非常实用的功能。自 3.0 版开始，它就正式整合到 Processing 中。
程序中图形元素的大小，比例，角度等等,都由具体的参数来控制。要使画面更有具有美感，光用代码来确定结构是远远不够的。调参数是其中非常重要的环节。
在 Tweak 模式没有诞生之前，要调出一个让人满意的效果，需要反复开启程序来观察结果。而熟悉 Gui 的朋友，也可以通过 Gui 控件来对特定的变量进行调控。但这些方法还是有些繁琐。
Tweak 模式，可以用最便捷的方式做到所见即所得。
使用方法
使用前，需要先在本地保存好代码。接着点击菜单栏中的“速写本”－“Tweak”。
这样程序便会在 Tweak 模式下运行，源代码中的 draw 函数部分，带下划线的参数都是可以实时调控的。
针对一些控制色彩的参数，右方会有一个矩形按钮。点击它会弹出一个拾色器，修改颜色会同步影响执行窗口。
而其余的一些参数，可以直接左右拖动来实时调控，非常便捷。
注意事项
1.色彩相关函数的参数个数，会影响拾色器的类型。当输入的参数个数大于等于三时，拾色器就可以包含彩色
2.参数的精度会影响调控的幅度范围。当希望拖动参数时，数值变化更微小，可以在后面增加小数点。例如将例子中控制圆直径 l 的参数改写成 200.0。
下面将提供一段参考代码，可以任意修改，从中理解 tweak 的用法
float eyeX,eyeY,eyeD;
float brow1X,brow1Y,brow2X,brow2Y;
void setup() {
size(300, 300);
}
void draw() {
background(0);
stroke(255);
strokeWeight(2);
float l = 200;
noFill();
ellipse(width/2,height/2,l,l);
brow1X = 162;
brow1Y = 136;
brow2X = 192;
brow2Y = 116;
line(brow1X,brow1Y,brow2X,brow2Y);
line(width - brow1X,brow1Y,width - brow2X,brow2Y);
eyeX = 172;
eyeY = 139;
eyeD = 13 * random(1);
ellipse(eyeX,eyeY,eyeD,eyeD);
ellipse(width - eyeX,eyeY,eyeD,eyeD);
line(width/2 - 20,180 + 7 * random(-1,1),width/2 + 20,179 + 7 * random(-1,1));
}技巧02 - 函数用法查找
很多时候我们想了解 Processing 中某类函数的用法，可以选择菜单栏下的帮助（Help）－参考文档(Reference)。
根据分类，就可以迅速找到你想了解的函数。点击后会有说明以及对应的范例。
尽管呈现方式是以网页的形式，但实质是本地文件，无需联网。
除此以外，还有一个方法可以直接跳转到具体的函数说明。假如你仍记得某个函数的名称，但忘记具体的函数用法。那可以直接在编辑器下输入函数名并添加一个小括号。
当函数变成蓝色，就代表拼写正确并且文档中包含这个函数说明。此时只要右键，点击“在参考文档中搜索”，它就会直接弹出 ellipse 函数的说明
技巧03 - 显示与输入中文注释符
若发现 Processing 无法显示或者输入中文注释。可以在菜单栏的 Processing - 偏好设置（Preferences） 中进行设置。
在“编辑台和控制字体（Editor and Console font）” 中，选择一种支持中文显示的字体，如 “AndaleMono”。同时点选“启用复杂文字输入（Enable complex text input）”
（中文菜单）
（英文菜单）
保存并重启，就能支持中文输入
技巧04 - 代码快速对齐
快捷键 Ctrl + T ，可以一键快速对齐代码。(mac 上为 Command + T)
（使用前）
（使用后）
技巧05 - 批量添加注释符
在对程序进行排错时，针对单行代码或者多行代码，我们常常会手动输入注释符“//”,或“/ /”。
有一个快捷键可以批量添加注释符。选中代码后按 Ctrl + “/"。( mac 上为 Command ＋ “/” ).
若要取消注释符，只要重新选中并重复这个快捷键即可。
以上都是 Processing 中使用频率较高的小技巧，请善加运用～